<template>
  <div class="fy_mian">
    <div class="page_row">
         <div>
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item :to="{ path: '/outfit' }"
            >特装</el-breadcrumb-item
          >
           <el-breadcrumb-item
            >防疫管理</el-breadcrumb-item
          >
        </el-breadcrumb>
      </div>
      <div class="fy_header">
        <div>
          <el-form size="mini" inline ref="form" :model="queryParams">
            <el-form-item label="展位号:">
              <el-input clearable v-model="queryParams.name"></el-input>
            </el-form-item>
             <el-form-item>
             <el-button type="primary">搜索</el-button>
             <el-button @click="dialogVisible = true">上传<i class="el-icon-upload el-icon--right"></i></el-button>
               <el-button @click = "downLoadFile" type="success">下载<i class="el-icon-download el-icon--right"></i></el-button>
            </el-form-item>
          </el-form>
        </div>
      </div>
      <div>
        <el-table :data="tableData" style="width: 100%">
          <el-table-column prop="date" label="展位号"> </el-table-column>
          <el-table-column prop="name" label="展位类型"> </el-table-column>
          <el-table-column prop="address" label="参展商"> </el-table-column>
          <el-table-column prop="address" label="展位面积"> </el-table-column>
        </el-table>
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.page"
          :limit.sync="queryParams.pageSize"
          @pagination="getlist"
        />
      </div>
    </div>
    <!-- 上传 -->
    <el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
  <FileUpload></FileUpload>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>
  </div>
</template>
<script>
export default {
  data() {
    return {
      total: 0,
      tableData: [],
      dialogVisible:false,
      queryParams: {
        page: 1,
        pageSize: 10,
      },
    };
  },
  created() {},
  methods: {
    getlist() {},
    handleClose(){}
  },
};
</script>
<style scoped>
.fy_mian {
  padding: 20px;
}
/deep/.el-table th.el-table__cell {
  background-color: #f8fcfc !important;
  text-align: center !important;
}
/deep/.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  text-align: center !important;
}
.fy_header {
    margin: 20px 0;
}
</style>